<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="./common/images/favicon.png">

    <title>任务审核</title>
  

    <!-- Bootstrap core CSS -->
    <link href="js/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="./assets/fonts/font-awesome-4/css/font-awesome.min.css">
    <link href="./assets/css/style.css" rel="stylesheet" />

    <style type="text/css">
        .checkLink,.checkLink:focus, .checkLink:hover, .checkLink:active
        {
            color: #06b55a;
        }
    </style>

</head>
<body>
    <!-- Fixed navbar -->
    <div id="head-nav" class="navbar navbar-default navbar-fixed-top">

    </div>

    <div id="cl-wrapper" class="fixed-menu">
        <div class="container-fluid" id="pcont">
                <div class="col-md-12" style="padding-right: 0;">
                    <div class="block-flat">
                        <div class="header">      
                            <div class="pull-left">
                                <p class="jb_underline">任务管理&#62;&#62;任务审核&#62;&#62;待审核任务</p>
                            </div>                      
                            <div class="clearfix"></div>
                        </div>
                        <div class="content">
                            <div class="table-responsive">
                                <div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="pull-left" style="background-color: #ddd; margin: 10px 0; padding:10px 50px;">
                                                <div id="datatable-icons_length" class="dataTables_length col-sm-2" style="width: 150px;">
                                                    <select size="1" class="form-control">
                                                        <option value="1">标签</option>
                                                        <option value="2" selected="selected">任务名称</option>
                                                        <option value="3">状态</option>
                                                    </select>
                                                </div>
                                                <div class="col-sm-2" style="width: 250px;">
                                                    <input id="searchUserName" type="text" class="form-control" placeholder="关键词">
                                                </div>
                                                <button type="button" class="btn btn-jianbei">
                                                 搜索</button>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <table class="table table-bordered" id="datatable-icons" >
                                        <thead style="background-color: #ffd866;">
                                            <tr>
                                                <th>任务ID</th>
                                                <th>任务名称</th>
                                                <th>标签</th>
                                                <th>创建时间</th>
                                                <th>发布时间</th>
                                                <th>截止时间</th>
                                                <th>审核时长</th>
                                                <th>发布数量</th>
                                                <th>已领数量</th>
                                                <th>状态</th>
                                                <th>发布者</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr class="odd gradeX">
                                                <td>000831</td>
                                                <td>微博关注账号</td>
                                                <td>体验、互动</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>48小时</td>
                                                <td>1000</td>
                                                <td>33</td>
                                                <td style="color:#0c29b5;">待批准</td>
                                                <td>发布001</td>
                                                <td><a href="" class="checkLink">审核</a></td>
                                            </tr>
                                            <tr class="odd gradeX">
                                                <td>000831</td>
                                                <td>微博关注账号</td>
                                                <td>体验、互动</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>48小时</td>
                                                <td>1000</td>
                                                <td>33</td>
                                                <td style="color:#06b55a;">发布中</td>
                                                <td>发布001</td>
                                                <td><a href="" class="checkLink">审核</a></td>
                                            </tr>
                                            <tr class="odd gradeX">
                                                <td>000831</td>
                                                <td>微博关注账号</td>
                                                <td>体验、互动</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>48小时</td>
                                                <td>1000</td>
                                                <td>33</td>
                                                <td style="color:red;">被驳回</td>
                                                <td>发布001</td>
                                                <td><a href="" class="checkLink">审核</a></td>
                                            </tr>
                                            <tr class="odd gradeX">
                                                <td>000831</td>
                                                <td>微博关注账号</td>
                                                <td>体验、互动</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>48小时</td>
                                                <td>1000</td>
                                                <td>33</td>
                                                <td style="color:orange;">审核中</td>
                                                <td>发布001</td>
                                                <td><a href="" class="checkLink">审核</a></td>
                                            </tr>
                                            <tr class="odd gradeX">
                                                <td>000831</td>
                                                <td>微博关注账号</td>
                                                <td>体验、互动</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>2017-02-15 12:15</td>
                                                <td>48小时</td>
                                                <td>1000</td>
                                                <td>33</td>
                                                <td style="color:#999;">已结束</td>
                                                <td>发布001</td>
                                                <td><a href="" class="checkLink">审核</a></td>
                                            </tr>
                                        </tbody>
                                    </table>

                                    <div class="row">
                                    <div class="col-sm-12">
                                        <div class="pull-left">

                                        </div>
                                        <div class="pull-right">
                                            <p style="margin: 18px 0 18px 50px;">
                                                <span>
                                                    共
                                                    <span style="color:orange;">39</span>
                                                    个记录,共
                                                    <span style="color:orange;">7</span>
                                                    页,跳到
                                                </span>
                                                <input type="number" name="" style="width: 50px;">
                                                <span>页</span>
                                                <button>确定</button>
                                            </p>
                                        </div>
                                        <div class="pull-right">
                                            <div class="dataTables_paginate paging_bs_normal">
                                                <ul class="pagination">

                                                    <li class="disabled"><a href="#">&laquo; 上一页</a></li>
                                                    <li class="active"><a href="#">1</a></li>
                                                    <li><a href="#">2</a></li>
                                                    <li><a href="#">3</a></li>
                                                    <li><a href="#">4</a></li>
                                                    <li><a href="#">5</a></li>
                                                    <li><a href="#">下一页 &raquo;</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div></div>
                                </div>                          
                            </div>
                        </div>
                    </div>              
                </div>
        </div>
    </div>

  <script type="text/javascript" src="js/jquery.js"></script>
  <script src="js/bootstrap/dist/js/bootstrap.min.js"></script>

  <script type="text/javascript">
        var headerUrl = "./header.html"
        $("#head-nav").load(headerUrl,function(response,status,xhr){

        });
  </script>

  </body>

</html>
